<div class="weui-tab main-tab" id="tab">
    <div class="weui-tab__bd">
        <div class="weui-tab__bd-item weui-tab__panel" id="news"></div>
        <div class="weui-tab__bd-item weui-tab__panel" id="product" ></div>
        <div class="weui-tab__bd-item weui-tab__panel" id="position" ></div>
        <div class="weui-tab__bd-item weui-tab__panel" id="dividend" ></div>
        <div class="weui-tab__bd-item weui-tab__panel" id="me"></div>
    </div>
</div>
<div class="weui-tabbar">
    <a href="javascript:;" class="weui-tabbar__item" target="news">
        <div class="weui-tabbar__icon">
            <i class="iconfont iconfont-news"></i>
        </div>
        <p class="weui-tabbar__label">公告</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item" target="product">
        <div class="weui-tabbar__icon">
            <i class="iconfont iconfont-product"></i>
        </div>
        <p class="weui-tabbar__label">产品</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item" target="position">
        <div class="weui-tabbar__icon">
            <i class="iconfont iconfont-position"></i>
        </div>
        <p class="weui-tabbar__label">持仓</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item" target="dividend">
        <div class="weui-tabbar__icon">
            <i class="iconfont iconfont-dividend"></i>
        </div>
        <p class="weui-tabbar__label">分红</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item" target="me">
        <div class="weui-tabbar__icon">
            <i class="iconfont iconfont-me"></i>
        </div>
        <p class="weui-tabbar__label">我</p>
    </a>
</div>
